<template>
  <div id="container">
    <Header />
    <div class="main">
      <Swipe :idkey="idkey" />
      <Des :idkey="idkey" />
      <Youhui />
      <Xiaobian />
      <Xiangqing />
    </div>
    <Footer />

  </div>
</template>

<script>
import Header from "@/components/detail/header";
import Swipe from "@/components/detail/swipe";
import Des from "@/components/detail/des";
import Youhui from "@/components/detail/youhui";
import Xiaobian from "@/components/detail/xiaobian";
import Xiangqing from "@/components/detail/xiangqing";
import Footer from "@/components/detail/footer";
export default {
  data() {
    return {
      bannersrc: "",
      idkey: "",
    };
  },
  components: {
    Header,
    Swipe,
    Des,
    Youhui,
    Xiaobian,
    Xiangqing,
    Footer,
  },
  created(){
    // 接收路由传参 并且正向传参给子组件
    this.idkey = this.$route.query.hh;
  }
};
</script>

<style scoped>
.main {
  flex: 1;
  overflow: auto;
}
</style>
